The ‘Align components’ toolbar in the top right-hand corner of the Layout Designer contains icons which enable you to align and resize two or more components in relation to each other.

Icon	Name	How to use
	Align left	Select at least two items and click to align their left sides
	Align right	Select at least two items and click to align their right sides
	Align top	Select at least two items and click to align their top sides
	Align bottom	Select at least two items and click to align their bottom sides
	Equal widths	Select at least two items and click to make them the same width
	Equal heights	Select at least two items and click to make them the same height
	Centre horizontally	Select one or more items and click to centre them horizontally (vertical positions will be unchanged)

With the exception of ‘Centre horizontally’, you need to select at least two layout items using a single click and <Ctrl-click>. When you have selected two items, notice that the first item has red vertices and the second has green vertices, as with the logo and clock below.

The important thing to note is that the item which will be changed when an alignment icon is clicked is the item with the red vertices; think of the green vertices as being ‘safe’, which means that item will not be changed.

For instance, in the illustrated example, if you were to click on the Make same width icon, the LEGION logo item will be changed so that it is the same width as the clock. To swap red and green vertices between items, <Ctrl-click> on one of the selected items.